
import {Button, Checkbox, Col, Form, Input, Row, Select} from 'antd';
import CustomSearch from "@/pages/Components/Search";
// import './index.scss'
const onFinish = (values) => {
  console.log('Success:', values);
};
const onFinishFailed = (errorInfo) => {
  console.log('Failed:', errorInfo);
};

const { Option } = Select
const MultiAdd = () => {

  const [form] = Form.useForm();
  // const onGenderChange = (value) => {
  //   switch (value) {
  //     case 'male':
  //       form.setFieldsValue({
  //         note: 'Hi, man!',
  //       });
  //       break;
  //     case 'female':
  //       form.setFieldsValue({
  //         note: 'Hi, lady!',
  //       });
  //       break;
  //     case 'other':
  //       form.setFieldsValue({
  //         note: 'Hi there!',
  //       });
  //       break;
  //     default:
  //   }
  // };
  const onReset = () => {
    form.resetFields();
  };
  return (
    <div style={{height:'100%'}} className='addUser'>
      <Form

        form={form}
        name="control-hooks"
        onFinish={onFinish}
        style={{
          width: '100%',
          padding:'20px',
        }}
      >
        <div style={{display:'flex',marginBottom:'20px'}}>
          <Form.Item
            name="note"
            label="选择用户"
            rules={[
              {
                required: true,
              },
            ]}
          >
            <Input />
          </Form.Item>
        </div>
        <div style={{display:'flex',marginBottom:'20px'}}>
          <Form.Item
            name="note"
            label="选择角色"
            rules={[
              {
                required: true,
              },
            ]}
          >
            <Input />
          </Form.Item>
        </div>

        <div style={{minHeight:'400px'}}>
          <Form.Item>
            <Button htmlType="button" onClick={onReset} style={{marginRight:'20px'}}>
              取消
            </Button>
            <Button type="primary" htmlType="submit">
              提交
            </Button>
          </Form.Item>
        </div>

      </Form>
    </div>
  );
};

export default MultiAdd;
